{extend name="Inquiry/index" /}
{block name="main"}
	<!-- END SIDEBAR -->
	<!-- BEGIN CONTENT -->
	<style>
		.search{
			margin-top: 10px;
		}
		.getmodal{
			color: #000;
		}
		.getmodal:hover{
			text-decoration:none;
		}
		p{
			white-space: nowrap;
			overflow: hidden;
			text-overflow:ellipsis;
		}
	</style>
	<div class="page-content-wrapper">
		<div class="page-content" style=" min-height: 700px;">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">Modal title</h4>
						</div>
						<div class="modal-body">
							 Widget settings form goes here
						</div>
						<div class="modal-footer">
							<button type="button" class="btn blue">Save changes</button>
							<button type="button" class="btn default" data-dismiss="modal">Close</button>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>
			<!-- /.modal -->
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN STYLE CUSTOMIZER -->
			
			<!-- END STYLE CUSTOMIZER -->
			<!-- BEGIN PAGE HEADER-->
			<div class="row">
				<div class="col-md-12">
					<!-- BEGIN PAGE TITLE & BREADCRUMB-->
					<h3 class="page-title">
					档案查询 <!-- <small>view order details</small> -->
					</h3>
					<ul class="page-breadcrumb breadcrumb">
						
						<li>
							<i class="fa fa-home"></i>
							<a href="{:url('index/index/index')}">
								Home
							</a>
							<i class="fa fa-angle-right"></i>
						</li>
						<li>
							<a href="{:url('index/Search/index')}">
								档案查询
							</a>
							<i class="fa fa-angle-right"></i>
						</li>
						
					</ul>
					<!-- END PAGE TITLE & BREADCRUMB-->
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div>
				{volist name="res" id="vo"}
					{if $vo.type == 'dir'}
						<div class="col-md-2" style="width: 180px;border:1px dashed #DDD;margin: 0 10px;margin-bottom: 10px;">
								<a href="{:url('getDirname', ['id'=>$vo.name])}" >
								<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;cursor: pointer;">
								<!-- <i class="fa fa-file-o fa-lg" style="color: #BDBDBD;font-size: 5em;display: flex;justify-content:center;align-items:center;"></i> -->
									<img src="/static/assets/logo/wjtbpic0_08.png" style="max-width: 150px;max-height: 160px; vertical-align: middle;text-align: center;" ></i>
								</div>
									<p style="text-align: center;">
									{$vo.name}
									</p>
								</a>
						</div>
					{else /} 
						<div class="col-md-2" style="width: 180px;margin: 0 10px;border:1px dashed #DDD;margin-bottom: 10px;">
							{if $vo.suffix == 'jpg' || $vo.suffix == 'bmp' || $vo.suffix == 'png' || $vo.suffix == 'jpeg'}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<img src="{$vo.path}" alt="" style="max-width: 150px;max-height: 160px; vertical-align: middle;text-align: center;">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'mp4' || $vo.suffix == 'avi' || $vo.suffix == 'rmvb' || $vo.suffix == 'wmv'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-video-o fa-lg" style="color: #5C6BC0;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_20.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'docx' || $vo.suffix == 'doc'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-word-o" style="color: #5C6BC0;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_13.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'html'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<i class="fa fa-file-code-o" style="color: #BDBDBD;font-size: 5em;line-height: 1em"></i>
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'pptx' || $vo.suffix == 'ppt'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-powerpoint-o" style="color: #FF6E40;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_17.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'xlsx' || $vo.suffix == 'xls'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_15.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'pdf'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_19.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'rar' || $vo.suffix == '7z' || $vo.suffix == 'zip'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_03.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{elseif $vo.suffix == 'mp3'/}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-excel-o" style="color: #43A047;font-size: 5em;line-height: 1em"></i> -->
							<img src="/static/assets/logo/wjtbpic0_05.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{else /}
							<a class="getmodal" data-id="{$vo.arc_id}" href="{:url('index/Search/onRead')}">
							<div style="height: 170px;width: 150px;display: flex;justify-content:center;align-items:center;">
							<!-- <i class="fa fa-file-o fa-lg" style="color: #BDBDBD;font-size: 5em;display: flex;justify-content:center;align-items:center;"></i> -->
							<img src="/static/assets/logo/wjtbpic0_21.png" alt="">
							</div>
							<p style="text-align: center;">{$vo.arc_title}.{$vo.arc_type}</p>
							</a>
							{/if}
							
					</div>
					{/if}
				{/volist}
			</div>

			<div style="clear: both;height:0;font-size: 1px;line-height: 0px;"></div>
			</div>

			
			
		</div>
			    <!-- <script src="/assets/plugins/respond.min.js"></script> -->
			    <!-- <script src="/assets/plugins/excanvas.min.js"></script>  -->
				<script src="/static/assets/plugins/jstree/dist/jstree.min.js"></script>
				<script src="/static/assets/scripts/custom/ui-tree.js"></script>
				<script src="/static/assets/scripts/core/app.js"></script>
				<link rel="stylesheet" type="text/css" href="/static/assets/plugins/jstree/dist/themes/default/style.min.css"/>
				<script src="/static/assets/scripts/core/dt.js"></script>
				<script src="/static/assets/js/toastr.min.js" rel="stylesheet"/></script>
				<link href="/static/assets/css/toastr.min.css" rel="stylesheet"/>
				
				<link href="/static/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
				<script src="/static/assets/js/bootstrap-datetimepicker.js"></script>
				<script src="/static/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>


				<!-- END PAGE LEVEL SCRIPTS -->


	<script>
        jQuery(document).ready(function() {    
           App.init();
           // EcommerceOrdersView.init();
           UITree.init();

        });
    </script>
 
<script>
		$(function(){
			$('.query').addClass("active");
		});
</script>
<script type="text/javascript">
    $(".form_datetime").datetimepicker({ 

　　minView: "month", //选择日期后，不会再跳转去选择时分秒 

　　format: "yyyy-mm-dd", //选择日期后，文本框显示的日期格式 

　　language: 'zh-CN', //汉化 

	todayBtn : true,
	// startDate: date ,

　　autoclose:true //选择日期后自动关闭 

});

</script>   
<!-- <script>
	$('.col-md-2').click(function(){
		var name = $(this).children('p').html();
		name = name.replace(/^\s+|\s+$/g,"");
		// console.log(name);
		search(name);
	});

	function search(filename){     
         //提交数据函数   
        $.ajax({                                                  //调用jquery的ajax方法   
          type: "POST",                                      //设置ajax方法提交数据的形式   
          url: '/index/Query/getDirname',                                        
          data: {name : filename}, 
          success: function(res){ 
          	// console.log(res);
          	var searchUrl = encodeURI("index/query/index.html/" + filename); //使用encodeURI编码
    		location.href = searchUrl;
        },
        error: function () {
                alert('AJAX操作失败');
            }
        });   
     }   
</script> -->
</script>
<script>
    dt().getModals();
    dt().getUrl();
    
</script>

				<!-- END JAVASCRIPTS -->
</body>
				<!-- END BODY -->
</html>
{/block}